<template>
  <div class="game">
    <div v-if="showTip" class="gametip" @click="goDuiHuan"> 
      <!-- <img @click="goDuiHuan" src="@/assets/img/headnavbg.png"/> -->
      <div class="menu">
        <!-- <span @click="goDuiHuan"></span> -->
        <!-- <span @click="goBuDui">不兑换</span> -->
      </div>
    </div>
  </div>
</template>

<script>
import { Indicator,Toast } from 'mint-ui';
import api from '@/api/api'

export default {
  data () {
    return {
      showTip: true,
      lpid: ''
    }
  },
  methods: {
    goDuiHuan () {
      let page = this
      let id = page.lpid
      page.$router.push({path:'/scoredetail/' + id, query: {type: 'game'}})
    }
  },
  mounted () {
      let id = this.$route.params.id;
      this.lpid = id;
      /*let msg = this.$route.params.msg
      if(msg == 1){
          msg = "请购买游戏券";
      }
      if(msg == 2){
          msg = "游戏券已使用";
      }
      if(msg == 3){
          msg = "未找到游戏券";
      }
      if(msg == 4){
          msg = "游戏券已过期";
      } 
      if(msg!=""){

      }*/
  }
}
</script>

<style lang="less">
.game {
  .gametip {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    img {
      width: 100%;
      height: 100%;
    }
    background-image: url('../../assets/img/headnavbg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    .menu {
      position: absolute;
      left: 0;
      bottom: 0.6rem;
      width: 100%;
      display: flex;
      height: 1.6rem;
      span {
        flex: 1;
        color: #fff;
        font-size: 0.32rem;
        display: flex;
        justify-content: center;
        align-items: center;
        &:nth-child(1) {
          // background: #F05DC4;
        }
        &:nth-child(2) {
          background: rgb(236, 191, 95);
        }
      }
    }
  }
}
</style>
